/**
 *1 发送请求获取数据
 *2 点击轮播图 预览大图
 *    1. 给轮播图绑定点击事件
 *    2. 调用小程序的api previewImage
 * 3 点击加入购物测
 *    1. 绑定点击时间
 *    2. 获取中缓存中的购物车数据(数组)
 *    3. 先判断 当前的商品是否存在于 购物车
 *    4. 已经存在 修改商品数据 执行购物车数量++ 重新把购物车数组填充会缓存
 *    5. 不存在于购物车的数组中 直接给购物车数组添加一个新元素 新元素带上购买数量属性 num 重新把购物车数组填充回缓存中
 *    6. 弹出提示
 * 4商品收藏功能
 *    1页面onshow的时候 加载缓存中的商品收藏的数据
 *    2判断当前页面是不是被收藏
 *        1是就改变收藏的图标
 *        2不是就什么都不做
 *    3点击收藏按钮
 *      1判断该商品是否存在于缓存数组中
 *      2已经存在 在缓存中把该商品删除
 *      3没有存在 把商品添加到收藏数组中 存入缓存
 */
import {request} from "../../request/index.js"
Page({

  /**
   * 页面的初始数据
   */
  data: {
    goodsObj:{},
    //商品是否被收藏
    isCollect:false
  },
  //构造商品数据信息
  GoodsInfo:{},
  //获取商品详情数据
  async getGoodsDetail(goods_id){
    const goodsObj = await request({url:"/goods/detail",data:{goods_id}})
    this.GoodsInfo = goodsObj
    //1获取缓存中的商品收藏数组
    let collect = wx.getStorageSync('collect') || []
    //2判断当前商品是否被收藏
    let isCollect = collect.some(v=>v.goods_id===this.GoodsInfo.goods_id)
    this.setData({
      goodsObj:{
        goods_name:goodsObj.goods_name,
        goods_price:goodsObj.goods_price,
        //iphone部分手机 不识别webp 图片格式(后台存在jpg图片)
        goods_introduce:goodsObj.goods_introduce.replace(/\.webp/g,'.jpg'),
        pics:goodsObj.pics
      },
      isCollect
    })
    
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    
  },
  //点击轮播图放大预览
  handlePreviewImage(e){
    //1构造要预览的图片数组
    const urls = this.data.goodsObj.pics.map(v=>v.pics_mid)
    //2接收传递过来的图片url
    const current = e.currentTarget.dataset.url
    wx.previewImage({
      current,
      urls
    })
  },
  //点击加入购物车
  handleCartAdd(){
    //1 获取缓存中的购物车数组
    let cart = wx.getStorageSync("cart") || []
    //2 判断商品是否存在于购物车数组
    let index = cart.findIndex(v=>v.goods_id===this.GoodsInfo.goods_id)
    if(index===-1){
      //不存在  第一次添加
      this.GoodsInfo.num=1
      this.GoodsInfo.checked=true
      cart.push(this.GoodsInfo)
    }else{
      //已存在 执行num++
      cart[index].num++
    }
    //3 把购物车重新添加回缓存
    wx.setStorageSync("cart",cart)
    //4 弹窗提示
    wx.showToast({
      title: '加入成功',
      icon: 'success',
      mask:true
    })
    
  },
  //点击商品收藏图标
  handleCollect(){
    let isCollect = false
    //1获取缓存中的商品收藏数组
    let collect = wx.getStorageSync("collect") || []
    //2判断该商品是否被收藏过
    let index = collect.findIndex(v=>v.goods_id===this.GoodsInfo.goods_id)
    //3当index!=-1表示 已经收藏过
    if(index!==-1){
      collect.splice(index,1)
      isCollect = false
      wx.showToast({
        title: '取消成功',
        icon: 'success',
        mask: true
      });
    }else{
      collect.push(this.GoodsInfo)
      isCollect = true
      wx.showToast({
        title: '收藏成功',
        icon: 'success',
        mask: true
      });
    }
    //4把数组存入缓存
    wx.setStorageSync("collect",collect)
    //5修改data中的属性 isCollect
    this.setData({
      isCollect
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    let pages =  getCurrentPages();
    let currentPage = pages[pages.length-1]
    let options = currentPage.options
    const {goods_id} = options
    this.getGoodsDetail(goods_id)
    
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})